Ext.setup({
	tabletStartupScreen : "./tabletStartupScreen.png",
	phoneStartupScreen : "./phoneStartupScreen.png",
	tabletIcon : "./tabletIcon.png",
	phoneIcon : "./phoneIcon.png",
	glossOnIcon : true,
	statusBarStyle : "black",
	fullscreen : true,
	preloadImages : [],
	scope : this,
	onReady : function() {
		new Ext.form.FormPanel( {
			fullscreen : true,
			scroll : "vertical",
			items : [ {
				xtype : 'fieldset',
				title : 'textfield, passwordfield, emailfield, urlfield, numberfield<br/>checkbox,datePicker,select,textarea, <br/> toggle',
				instructions : 'instructions은 아래에 나타나는 내용~',
				defaults : {
					// labelAlign: 'right'
					labelWidth : '15%',
					style : {
						border : "1px solid #ff0000"
					}
				},
				items : [ {
					xtype : 'textfield',
					name : 'name',
					label : 'Name',
					placeHolder : 'Tom Roy',
					autoCapitalize : true,
					required : true,
					useClearIcon : false
				}, {
					xtype : 'passwordfield',
					name : 'password',
					label : 'Password',
					useClearIcon : true
				}, {
					xtype : 'emailfield',
					name : 'email',
					label : 'Email',
					required : true,
					placeHolder : 'me@sencha.com',
					useClearIcon : true
				}, {
					xtype : 'urlfield',
					name : 'url',
					label : 'Url',
					placeHolder : 'http://sencha.com',
					useClearIcon : true
				}, {
					xtype : 'numberfield',
					name : 'number',
					label : 'Number',
					placeHolder : '12345',
					useClearIcon : true
				}, {
					xtype : 'checkboxfield',
					name : 'cool',
					label : 'Cool',
					checked : true
				}, {
					xtype : 'datepickerfield',
					name : 'birthday',
					label : 'Birthday',
					picker : {
						yearFrom : 1940
					}
				}, {
					xtype : 'selectfield',
					name : 'rank',
					label : 'Rank',
					options : [ {
						text : 'Master',
						value : 'master'
					}, {
						text : 'Journeyman',
						value : 'journeyman'
					}, {
						text : 'Apprentice',
						value : 'apprentice'
					} ]
				}, {
					xtype : 'hiddenfield',
					name : 'secret',
					value : false
				}, {
					xtype : 'textareafield',
					name : 'bio',
					label : 'Bio'
				}, {
					xtype : 'togglefield',
					name : 'enable',
					label : 'Toggle Field'
				}, {
					xtype : 'sliderfield',
					name : 'value',
					label : 'Slider',
					value : 50,
					minValue : 0,
					maxValue : 100
				} ]
			} ]
		})
	}
});